<style type="text/css">
.segundo {
    position: relative;
    left: 0px;
    top: 50px;
    width: 1000px;
    height: 50px;
    background-color: #ffffff;
    z-index: 4;
}
</style>
<script language="Javascript">
    document.oncontextmenu = function(){return false;};
</script>
<!-- Content -->

<div id="content">

    <!-- Content wrapper -->
    <div class="wrapper">

        <!-- Breadcrumbs line -->
        <div class="crumbs">
            <ul id="breadcrumbs" class="breadcrumb"> 
                <li><a href="<?= base_url('xpanel') ?>">XPANEL</a></li>
                <li class="active"><a href="<?= base_url() ?>" title="">Inicio</a></li>
            </ul>

        </div>
        <!-- /breadcrumbs line -->
        <!-- Page header -->
        <div class="page-header">
            <div class="page-title">
                <h5><?= $m_titulo ?></h5>
            </div>
        </div>
        <div class="segundo">&nbsp;</div>
        <iframe id="visor" src="http://docs.google.com/gview?url=<?= $ruta ?>&embedded=true" width="950" height="600" frameborder="0" class="nover" ></iframe>
        
        <!-- /page header -->
<!--       <iframe src="https://docs.google.com/viewer?<?= base_url($ruta) ?>" width="100%" height="600px" ></iframe> -->
<!--       <embed src="<?= base_url($ruta) ?>" width="800" height="600" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html" > -->
<!--        <object width="95%" height="475px" draggable="false" data="<?= base_url($ruta) ?>.swf" border="0" ></object>-->

    </div>
    <!-- /content wrapper -->

</div>
<!-- /content -->
